<template>
  <div
    class="flex items-center cursor-pointer text-[#e54c5f] mb-4"
    @click="handleClick"
  >
    <el-icon>
      <ArrowLeftBold />
    </el-icon>
    <span class="pl-5">{{ $t("添加充值") }}</span>
  </div>
  <el-tabs v-model="activeName" type="card" class="custom-tabs">
    <el-tab-pane :label="$t('账户充值')" name="first">
      <CreateRecharge />
    </el-tab-pane>
    <!-- <el-tab-pane :label="$t('KVB充值')" name="second">
      <CreateKVBRecharge />
    </el-tab-pane> -->
  </el-tabs>
</template>
<script setup>
import { ref } from "vue";
import { ArrowLeftBold } from "@element-plus/icons-vue";
import { useRouter } from "vue-router";
import { useI18n } from "vue-i18n";
const { t } = useI18n();
const router = useRouter();

import CreateRecharge from "./CreateRecharge.vue";
import CreateKVBRecharge from "./CreateKVBRecharge.vue";
const activeName = ref("first");
const handleClick = () => {
  router.replace(`/account/recharge`);
};
</script>
<style lang="scss" scoped></style>
